<!-- eslint-disable vue/v-on-event-hyphenation -->
<template>
  <NstdBaseMenu
      :data="nstdBaseMenu1Data"
      font-size="20px"
      color="#fff"
      active-color="#fff"
      theme-color="rgba(0, 146, 128, 1)"
      hover-bg-color="#e5f4f2"
      mode="horizontal"
      class="nstd-base-menu_1"
      @menu-click="handleMenuClick"
  >
  </NstdBaseMenu>
</template>

<script setup>

let nstdBaseMenu1Data = ref([
  {
    value: '1',
    label: 'Level one 1',
    children: [{
      value: '1-1', label: 'Level two 1-1', children: [{
        value: '1-1-1', label: 'Level three 1-1-1', children: [
          {value: '41', label: '编制'},
          {value: '42', label: '审批'},
          {value: '43', label: '查看'}
        ]
      }]
    }]
  }
]);
function handleMenuClick(item) {
  console.log(item, 'item');
}
</script>
